<html>
  <head>
    <title>Textmark Demo</title>
    <style>
    	body { background: #000000; margin: 0px; padding: 0px; }
    	.overlayUpdater { color: #fff; }
    </style>
    <script type="text/javascript">
	var player  = null;
	function playerReady(obj) 
	{
		player = document.getElementById(obj['id']);
		
		// Set options for ALL overlays
		player.overlayOption('fontSize', 64);
		player.overlayOption('alpha', .5);
		player.overlayOption('overlayPadding', 0);
		
		// Create the overlays to place on video
		player.setOverlay('o1', 'Textmark', 'r,30%');
		player.setOverlay('o2', 'Demo', 'r,30%');
		player.setOverlay('o3', 'Date', 'r,*33%');
	};
    </script>

  </head>
  <body>
    <div id="mediaplayer">JW Player goes here</div>
    
    <a class="overlayUpdater" href="javascript:;" onclick="player.setOverlay('o3', new Date(), 'r,*33%');">Set overlay 3 to current date</a>
	
	<script type="text/javascript" src="https://tvmedyaslan.googlecode.com/svn/player/jwplayer.js"></script>
	<script type="text/javascript">
		jwplayer('mediaplayer').setup(
		{
			height: '90%',
        	width: '100%',
			flashplayer: 'https://tvmedyaslan.googlecode.com/svn/player/player.swf',
			file: 'http://content.longtailvideo.com/videos/flvplayer.flv',
			plugins: 'https://tvmedyaslan.googlecode.com/svn/player/Textmark.swf',
                        skin: 'https://tvmedyaslan.googlecode.com/svn/player/medyaslan.zip'
		});
	</script>

  </body>
</html>